@charset "UTF-8";
@font-face {
  font-family: 'thyFont1';
  src: url("../fonts/simpds.ttf"); }
@font-face {
  font-family: 'thyFont2';
  src: url("../fonts/BEBAS.ttf"); }
@font-face {
  font-family: 'thyFont3';
  src: url("../fonts/Questrial-Regular.ttf"); }
  
.s5 {
  width: 100%;
  height: auto;
  padding-top: 90px;
  background: #f3f3f3;
  padding-bottom: 50px; }
  .s5 .s5_main {
    width: 100%;
    *zoom: 1; }
    .s5 .s5_main:before, .s5 .s5_main:after {
      content: " ";
      display: table; }
    .s5 .s5_main:after {
      clear: both; }
    .s5 .s5_main .left {
      width: 49.2%;
      float: left; }
      .s5 .s5_main .left .top {
        width: 100%;
        height: 367px;
        margin-bottom: 14px; }
        .s5 .s5_main .left .top .a1 {
          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
          font-size: 40px;
          color: #000; }
          .s5 .s5_main .left .top .a1 span {
            color: #ea590a; }
        .s5 .s5_main .left .top .a2 {
          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
          font-size: 16px;
          color: #000;
          font-weight: lighter;
          padding-top: 10px;
          text-transform: uppercase; }
		.s5 .s5_main .left .top .a21 {
          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
          font-size: 16px;
          color: #000;
          font-weight: lighter;
          padding-top: 10px;
          text-transform: uppercase; }
        .s5 .s5_main .left .top .a3 {
          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
          font-size: 16px;
          color: #000;
          font-weight: lighter;
          padding-top: 32px; }
        .s5 .s5_main .left .top .a4 {
          width: 196px;
          height: 44px;
          border: 1px solid #bfbfbf;
          position: relative;
          margin-top: 100px; }
          .s5 .s5_main .left .top .a4:after {
            content: '';
            position: absolute;
            width: 0%;
            height: 100%;
            opacity: 0;
            left: 0;
            top: 0;
            background: #fff;
            transition: 0.5s;
            -moz-transition: 0.5s;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition-timing-function: ease;
            -moz-transition-timing-function: ease;
            /* Firefox 4 */
            -webkit-transition-timing-function: ease;
            /* Safari 和 Chrome */
            -o-transition-timing-function: ease;
            /* Opera */ }
          .s5 .s5_main .left .top .a4:hover:after {
            width: 100%;
            opacity: 1; }
          .s5 .s5_main .left .top .a4:hover a img {
            transform: translateX(10px);
            -ms-transform: translateX(10px);
            -moz-transform: translateX(10px);
            -webkit-transform: translateX(10px);
            -o-transform: translateX(10px); }
          .s5 .s5_main .left .top .a4 a {
            width: 100%;
            height: 100%;
            display: block;
            position: relative;
            z-index: 20;
            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
            font-size: 16px;
            color: #1558a6;
            line-height: 44px;
            text-align: center;
            font-weight: lighter; }
            .s5 .s5_main .left .top .a4 a img {
              margin-left: 30px;
              transition: 0.5s;
              -moz-transition: 0.5s;
              -webkit-transition: 0.5s;
              -o-transition: 0.5s;
              transition-timing-function: ease;
              -moz-transition-timing-function: ease;
              /* Firefox 4 */
              -webkit-transition-timing-function: ease;
              /* Safari 和 Chrome */
              -o-transition-timing-function: ease;
              /* Opera */ }
      .s5 .s5_main .left .bottom {
        width: 100%;
        height: 367px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat; }
        .s5 .s5_main .left .bottom:hover .a1 a .b1 .c1 {
          transform: rotate3d(1, 1, 1, 360deg);
          -ms-transform: rotate3d(1, 1, 1, 360deg);
          -moz-transform: rotate3d(1, 1, 1, 360deg);
          -webkit-transform: rotate3d(1, 1, 1, 360deg);
          -o-transform: rotate3d(1, 1, 1, 360deg); }
        .s5 .s5_main .left .bottom:hover .a1 a .b2, .s5 .s5_main .left .bottom:hover .a1 a .b3, .s5 .s5_main .left .bottom:hover .a1 a .b4 {
          transform: translateY(-10px);
          -ms-transform: translateY(-10px);
          -moz-transform: translateY(-10px);
          -webkit-transform: translateY(-10px);
          -o-transform: translateY(-10px); }
        .s5 .s5_main .left .bottom .a1 {
          width: 100%;
          height: 100%;
          display: block;
          background: rgba(0, 0, 0, 0.4);
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          /* Firefox */
          -webkit-box-sizing: border-box;
          /* Safari*/
          padding-left: 4%;
          padding-right: 4%; }
          .s5 .s5_main .left .bottom .a1 a {
            width: 100%;
            height: 100%;
            display: block; }
            .s5 .s5_main .left .bottom .a1 a .b1 {
              width: 100%;
              padding-top: 28px;
              *zoom: 1; }
              .s5 .s5_main .left .bottom .a1 a .b1:before, .s5 .s5_main .left .bottom .a1 a .b1:after {
                content: " ";
                display: table; }
              .s5 .s5_main .left .bottom .a1 a .b1:after {
                clear: both; }
              .s5 .s5_main .left .bottom .a1 a .b1 .c1 {
                width: 26px;
                height: 26px;
                border-radius: 50%;
                border: 1px solid #bdbdbe;
                float: left;
                position: relative;
                transition: 0.5s;
                -moz-transition: 0.5s;
                -webkit-transition: 0.5s;
                -o-transition: 0.5s;
                transition-timing-function: ease;
                -moz-transition-timing-function: ease;
                /* Firefox 4 */
                -webkit-transition-timing-function: ease;
                /* Safari 和 Chrome */
                -o-transition-timing-function: ease;
                /* Opera */
                text-align: center;
                line-height: 24px; }
                .s5 .s5_main .left .bottom .a1 a .b1 .c1 img {
                  height: 14px; }
              .s5 .s5_main .left .bottom .a1 a .b1 .c2 {
                float: left;
                font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
                font-size: 14px;
                color: #fff;
                line-height: 28px;
                margin-left: 8px; }
            .s5 .s5_main .left .bottom .a1 a .b2 {
              margin-top: 200px;
              width: 100%;
              font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
              font-size: 16px;
              color: #fff;
              font-weight: bold;
              height: 40px;
              line-height: 40px;
              margin-bottom: 10px;
              transition: 0.5s;
              -moz-transition: 0.5s;
              -webkit-transition: 0.5s;
              -o-transition: 0.5s;
              transition-timing-function: ease;
              -moz-transition-timing-function: ease;
              /* Firefox 4 */
              -webkit-transition-timing-function: ease;
              /* Safari 和 Chrome */
              -o-transition-timing-function: ease;
              /* Opera */ }
            .s5 .s5_main .left .bottom .a1 a .b3 {
              width: 100%;
              height: 1px;
              background: rgba(255, 255, 255, 0.3);
              transition: 0.5s;
              -moz-transition: 0.5s;
              -webkit-transition: 0.5s;
              -o-transition: 0.5s;
              transition-timing-function: ease;
              -moz-transition-timing-function: ease;
              /* Firefox 4 */
              -webkit-transition-timing-function: ease;
              /* Safari 和 Chrome */
              -o-transition-timing-function: ease;
              /* Opera */
              transition-delay: 0.05s; }
            .s5 .s5_main .left .bottom .a1 a .b4 {
              height: 26px;
              line-height: 26px;
              font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
              font-size: 14px;
              color: #fff;
              margin-top: 15px;
              font-family: thyFont3;
              transition: 0.5s;
              -moz-transition: 0.5s;
              -webkit-transition: 0.5s;
              -o-transition: 0.5s;
              transition-timing-function: ease;
              -moz-transition-timing-function: ease;
              /* Firefox 4 */
              -webkit-transition-timing-function: ease;
              /* Safari 和 Chrome */
              -o-transition-timing-function: ease;
              /* Opera */
              transition-delay: 0.1s; }
              .s5 .s5_main .left .bottom .a1 a .b4 i {
                font-size: 18px;
                color: #fff;
                margin-right: 8px; }
    .s5 .s5_main .right {
      width: 50%;
      float: right; }
      .s5 .s5_main .right li {
        width: 49%;
        float: left;
        margin-right: 2%;
        height: 367px;
        margin-bottom: 14px; }
        .s5 .s5_main .right li:nth-child(2n) {
          margin-right: 0; }
        .s5 .s5_main .right li:hover a .mask {
          bottom: 100%; }
        .s5 .s5_main .right li:hover a .button {
          bottom: 0; }
          .s5 .s5_main .right li:hover a .button .a1 {
            left: 0; }
        .s5 .s5_main .right li:hover a .word .a1 .b1 {
          color: #fff; }
          .s5 .s5_main .right li:hover a .word .a1 .b1 span {
            color: #fff; }
        .s5 .s5_main .right li:hover a .word .a2 {
          color: #fff; }
		.s5 .s5_main .right li:hover a .word .a21 {
          color: #fff; }
        .s5 .s5_main .right li:hover a .word .a3 {
          transform: translateY(-50px);
          -ms-transform: translateY(-50px);
          -moz-transform: translateY(-50px);
          -webkit-transform: translateY(-50px);
          -o-transform: translateY(-50px); }
          .s5 .s5_main .right li:hover a .word .a3 .b1 {
            border-color: #fff; }
            .s5 .s5_main .right li:hover a .word .a3 .b1 .c1 {
              opacity: 0; }
            .s5 .s5_main .right li:hover a .word .a3 .b1 .c2 {
              opacity: 1; }
          .s5 .s5_main .right li:hover a .word .a3 .b2 {
            color: #fff; }
        .s5 .s5_main .right li a {
          width: 100%;
          height: 100%;
          display: block;
          position: relative;
          background: #000;
          overflow: hidden; }
          .s5 .s5_main .right li a .bac {
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            width: 100%;
            height: 100%;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            opacity: 0.65; }
          .s5 .s5_main .right li a .mask {
            width: 100%;
            height: 360px;
            position: absolute;
            z-index: 3;
            background: #fff;
            transition: 0.6s;
            -moz-transition: 0.6s;
            -webkit-transition: 0.6s;
            -o-transition: 0.6s;
            transition-timing-function: ease;
            -moz-transition-timing-function: ease;
            /* Firefox 4 */
            -webkit-transition-timing-function: ease;
            /* Safari 和 Chrome */
            -o-transition-timing-function: ease;
            /* Opera */
            bottom: 7px; }
          .s5 .s5_main .right li a .button {
            height: 50px;
            width: 100%;
            background: #ea590a;
            position: absolute;
            bottom: -43px;
            z-index: 5;
            transition: 0.5s;
            -moz-transition: 0.5s;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition-timing-function: ease;
            -moz-transition-timing-function: ease;
            /* Firefox 4 */
            -webkit-transition-timing-function: ease;
            /* Safari 和 Chrome */
            -o-transition-timing-function: ease;
            /* Opera */ }
            .s5 .s5_main .right li a .button .a1 {
              width: 100%;
              overflow: hidden;
              height: 50px;
              line-height: 50px;
              font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
              font-size: 14px;
              color: #fff;
              transition: 0.6s;
              -moz-transition: 0.6s;
              -webkit-transition: 0.6s;
              -o-transition: 0.6s;
              transition-timing-function: ease;
              -moz-transition-timing-function: ease;
              /* Firefox 4 */
              -webkit-transition-timing-function: ease;
              /* Safari 和 Chrome */
              -o-transition-timing-function: ease;
              /* Opera */
              position: absolute;
              left: -100%;
              transition-delay: 0.3s;
              font-weight: lighter; }
              .s5 .s5_main .right li a .button .a1 img {
                margin-right: 5px; }
          .s5 .s5_main .right li a .word {
            width: 100%;
            height: 100%;
            display: block;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            /* Firefox */
            -webkit-box-sizing: border-box;
            /* Safari*/
            padding-left: 11%;
            padding-right: 11%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 7; }
            .s5 .s5_main .right li a .word .a1 {
              width: 100%;
              *zoom: 1;
              height: 42px;
              padding-top: 25px; }
              .s5 .s5_main .right li a .word .a1:before, .s5 .s5_main .right li a .word .a1:after {
                content: " ";
                display: table; }
              .s5 .s5_main .right li a .word .a1:after {
                clear: both; }
              .s5 .s5_main .right li a .word .a1 .b1 {
                float: left;
                font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
                font-size: 40px;
                color: #262626;
                font-family: thyFont1;
                transition: 0.5s;
                -moz-transition: 0.5s;
                -webkit-transition: 0.5s;
                -o-transition: 0.5s;
                transition-timing-function: ease;
                -moz-transition-timing-function: ease;
                /* Firefox 4 */
                -webkit-transition-timing-function: ease;
                /* Safari 和 Chrome */
                -o-transition-timing-function: ease;
                /* Opera */ }
                .s5 .s5_main .right li a .word .a1 .b1 span {
                  font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
                  font-size: 16px;
                  color: #838181;
                  font-family: thyFont1;
                  transition: 0.5s;
                  -moz-transition: 0.5s;
                  -webkit-transition: 0.5s;
                  -o-transition: 0.5s;
                  transition-timing-function: ease;
                  -moz-transition-timing-function: ease;
                  /* Firefox 4 */
                  -webkit-transition-timing-function: ease;
                  /* Safari 和 Chrome */
                  -o-transition-timing-function: ease;
                  /* Opera */ }
            .s5 .s5_main .right li a .word .a2 {
              width: 100%;
              font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
              font-size: 16px;
              color: #747474;
              margin-top: 30px;
              line-height: 30px;
              height: 120px;
              transition: 0.5s;
              -moz-transition: 0.5s;
              -webkit-transition: 0.5s;
              -o-transition: 0.5s;
              transition-timing-function: ease;
              -moz-transition-timing-function: ease;
              /* Firefox 4 */
              -webkit-transition-timing-function: ease;
              /* Safari 和 Chrome */
              -o-transition-timing-function: ease;
              /* Opera */ }
			  
			    .s5 .s5_main .right li a .word .a21 {
              width: 100%;
              font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
              font-size: 18px;
              color: #4c4c4c;
			  padding-top:20px;
	              transition: 0.5s;
              -moz-transition: 0.5s;
              -webkit-transition: 0.5s;
              -o-transition: 0.5s;
              transition-timing-function: ease;
              -moz-transition-timing-function: ease;
              /* Firefox 4 */
              -webkit-transition-timing-function: ease;
              /* Safari 和 Chrome */
              -o-transition-timing-function: ease;

              /* Opera */ }
			  
			  
            .s5 .s5_main .right li a .word .a3 {
              width: 100%;
              margin-top: 50px;
              *zoom: 1;
              transition: 0.5s;
              -moz-transition: 0.5s;
              -webkit-transition: 0.5s;
              -o-transition: 0.5s;
              transition-timing-function: ease;
              -moz-transition-timing-function: ease;
              /* Firefox 4 */
              -webkit-transition-timing-function: ease;
              /* Safari 和 Chrome */
              -o-transition-timing-function: ease;
              /* Opera */ }
              .s5 .s5_main .right li a .word .a3:before, .s5 .s5_main .right li a .word .a3:after {
                content: " ";
                display: table; }
              .s5 .s5_main .right li a .word .a3:after {
                clear: both; }
              .s5 .s5_main .right li a .word .a3 .b1 {
                width: 26px;
                height: 26px;
                border-radius: 50%;
                border: 1px solid #bdbdbe;
                float: left;
                position: relative;
                transition: 0.5s;
                -moz-transition: 0.5s;
                -webkit-transition: 0.5s;
                -o-transition: 0.5s;
                transition-timing-function: ease;
                -moz-transition-timing-function: ease;
                /* Firefox 4 */
                -webkit-transition-timing-function: ease;
                /* Safari 和 Chrome */
                -o-transition-timing-function: ease;
                /* Opera */ }
                .s5 .s5_main .right li a .word .a3 .b1 .c1 {
                  opacity: 1; }
                .s5 .s5_main .right li a .word .a3 .b1 .c2 {
                  opacity: 0; }
                .s5 .s5_main .right li a .word .a3 .b1 img {
                  position: absolute;
                  top: 0;
                  bottom: 0;
                  left: 0;
                  right: 0;
                  margin: auto;
                  transition: 0.5s;
                  -moz-transition: 0.5s;
                  -webkit-transition: 0.5s;
                  -o-transition: 0.5s;
                  transition-timing-function: ease;
                  -moz-transition-timing-function: ease;
                  /* Firefox 4 */
                  -webkit-transition-timing-function: ease;
                  /* Safari 和 Chrome */
                  -o-transition-timing-function: ease;
                  /* Opera */ }
              .s5 .s5_main .right li a .word .a3 .b2 {
                float: left;
                font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
                font-size: 14px;
                color: #000;
                line-height: 28px;
                margin-left: 8px;
                transition: 0.5s;
                -moz-transition: 0.5s;
                -webkit-transition: 0.5s;
                -o-transition: 0.5s;
                transition-timing-function: ease;
                -moz-transition-timing-function: ease;
                /* Firefox 4 */
                -webkit-transition-timing-function: ease;
                /* Safari 和 Chrome */
                -o-transition-timing-function: ease;
                /* Opera */ }

#thyNavStyle2 a {
  color: #ea590a; }
.apage {
	line-height: 25px;
	background: #ffffff;
	padding: 0 5px;
	text-align: center;
	padding:20px
}
.apage a {
	border: 1px solid #cccccc;
	padding: 5px 14px;
	margin-right: 5px;
	margin: 0 3px;
}
.apage .num_btns {
	float: right;
	font-family: Tahoma;
}
.apage a:hover, .apage .cur {
	border: 1px solid #01327e;
	background-color: #01327e;
	color: #fff;
	text-decoration: none;
}
.apage .cust_txt {
	float: left;
}
.apage .oran_pg_fp {
	background: url(../images/first_page.gif) 4px 4px no-repeat;
	padding-right: 9px;
}
.apage .oran_pg_pp {
	background: url(../images/pre_page.gif) 4px 4px no-repeat;
	padding-right: 5px;
}
.apage .oran_pg_np {
	background: url(../images/next_page.gif) 8px 4px no-repeat;
	padding-right: 12px;
}
.apage .oran_pg_lp {
	background: url(../images/last_page.gif) 8px 4px no-repeat;
	padding-right: 12px;
}
.apage select {
	font-size: 8px;
	margin-top: 5px;
}
.apage .oran_pg_txt {
	height: 15px;
	border: solid 1px #d4e3e9;
	width: 20px;
	margin-left: 5px;
}
.apage .oran_pg_btn {
	height: 15px;
	border: solid 1px #d4e3e9;
	margin-left: 5px;
	font-size: 9px;
	background: #5984ac;
	color: #fff;
}